<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

    <!-- Le Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <title>Translation Box</title>
    <meta name="description" content="Translation [Box] é uma empresa de traduções Brasileira.">
	<meta name="keywords" content="translation, box, portuguese, english, translation box">
    <meta property="og:description" content="Translation [Box] é uma empresa de traduções Brasileira." />
    <meta property="og:title" content="Translation [Box]"/>
    <meta property="og:site_name" content="Translation [Box]"/>
    <meta property="og:image" content="images/logo.png"/>
    <meta name="author" content="Translation [Box]"/>

    <!-- Le Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Le CSS
    ================================================== -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/picons.css">
	<link rel="stylesheet" href="css/style.css">

    <!-- Le CSS
    ================================================== -->
	<link rel="stylesheet" href="css/branding/default.css">

    <!-- Le IE Conditionals
    ================================================== -->

    <!--[if lt IE 9]>
	    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    
    <!-- Le Javascript Pre-loads
    ================================================== -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="js/modernizr.custom.js"></script>

	<!-- Le Fonts
	================================================== -->
	<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
	
    <!--<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">-->
	<link rel="stylesheet" href="/translation-box/css/font-awesome.min.css">

	<!-- Le Favicons
	================================================== -->	
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body id="top">
<!-- Le Widget -->
<div id="widget">
	<div class="widget_container">
		<div class="container">
			<div class="row">
				<div class="col-sm-7">
                    Sign up for our newsletter to get heads up on our prices and services. 
                    Don't worry, we don't like spam either and will never share your email address.
                </div>
				<div class="col-sm-1">
                </div>
				<div class="col-sm-4">
                    <div class="row">
                        <div class="col-sm-8">
                            <input type="email" name="email" placeholder="Email">
                        </div>
                        <div class="col-sm-4">
                            <button class="login-button">Sign Up</button>
                        </div>
                    </div>
                </div>
			</div>
		</div>
	</div>
	<a class="toggle"><i class="fa fa-sort"></i></a>
</div>
    
<!-- Le Header -->
<header class="full">
    <div class="overlay">
        <article>
            <h1>Translation  <font color=red>[BOX]</font></h1>
            <h2><font color=red>Translation</font> &middot; Localization</h2>
        </article>
    </div>
</header>

<!-- Le Navigation -->
<nav class="full">
    <div class="container">
        <div class="row">
            <ul id="top-menu">
                <li class="col-sm-2 active"><a href="#top"><i class="fa fa-chevron-up"></i><span class="hidden">Top</span></a></li>
                <li class="col-sm-2"><a href="#whoweare">Who We Are</a></li>
                <li class="col-sm-2"><a href="#whatwedo">What We Do</a></li>
                <li class="col-sm-2"><a href="#stuffwemade">Stuff We Made</a></li>
                <li class="col-sm-2"><a href="#getintouch">Get In Touch</a></li>
                <li class="col-sm-2"><a href="#testimonials"><i class="fa fa-chevron-down"></i><span class="hidden">Get Connected</span></a></li>
            </ul>
        </div>
    </div>
</nav>
    
<!-- Who We Are -->
<section id="whoweare">
    <div class="container">
        <h1 class="title">
            Who We <span>Are</span>
        </h1>
        <h2 class="sub-title">
            The Translation <font color=red>[BOX]</font> is an enterprise focused in translating every type of 
            content. Our cultural and technical knowledge allow us to work with the most different themes.
            //A Translation <font color=red>[BOX]</font> é uma empresa focada na
				tradução dos mais diversos tipos de conteúdo. A bagagem técnica e
				cultural dos membros permite que as mais varidas esferas temáticas
				possam ser atingidas.
        </h2>
        
        <h3 class="heading red"><i class="fa fa-camera-retro"></i> We have <strong>Experience</strong></h3>
            
        <div class="row add-margin">
            <div class="col-sm-6">
                <p>
                    Our members, together have more than 2,000 translation in a great variety of themes.
                    //A equipe da Translation <font color=red>[BOX]</font> possui mais
						de 2.000 traduções nas mais diversas áreas de conhecimento.
                </p>
            </div>
            <div class="col-sm-6">
                <p>
                    We have translation experience in themes that goes from culinary and gardenning to
                    computer and technology. That make us suitable to work with every type of material. 
                     //Com experiência em traduções que vão de culinária e
						jardinagem a tecnoligia e informática, estamos aptos a traduzir
						todo tipo de material.
                </p>
            </div>
        </div>
        
		<h3 class="heading red"><i class="fa fa-users"></i> We are a <strong> Team</strong></h3>
        
        <div class="row add-margin">
            <div class="col-sm-6">
                <p>
                    The Translation <font
							color=red>[BOX]</font> team works in harmony. Our casual work environment
							walks side-by-side with our responsability and excellence.
					//A equipe da Translation <font
							color=red>[BOX]</font> trabalha em completa sintonia. A
						descontração em nosso ambiente de trabalho caminha de mãos dadas
						com nossa responsabilidade e excelência.
                </p>
            </div>
            <div class="col-sm-6">
                <p>
                    At Translation <font color=red>[BOX]</font>, we use the "divide and conquer"
                    tactic. We point out different teams for different projects.
                    //Na Translation <font color=red>[BOX]</font>, nós utilizamos a
						tática do "Dividir para conquistar". Assinalamos equipes
						diferenciadas para projetos diferenciados.
                </p>
            </div>
        </div>
        
        <h3 class="heading red"><i class="fa fa-refresh fa-spin"></i> We are <strong>Innovative</strong></h3>
        
        <div class="add-md-top">
            <p>
                Assumenda neutra eiusmod keytar cosby sweater, narwhal gentrify elit mcsweeney's. Photo booth enim terry richardson, 
                beard neutra pickled incididunt cupidatat fap fugiat. Mollit fugiat eiusmod cray photo booth. Crafted beer fashion axe 
                elit disrupt est pour-over, gentrify minim.
            </p>
            <p>
                Assumenda neutra eiusmod keytar cosby sweater, narwhal gentrify elit mcsweeney's. Photo booth enim terry richardson, 
                beard neutra pickled incididunt cupidatat fap fugiat. Mollit fugiat eiusmod cray photo booth. Crafted beer fashion axe 
                elit disrupt est pour-over, gentrify minim.
            </p>
        </div>
    </div>
</section>
    
<!-- What We Do -->
<section id="whatwedo" class="rotateInUpLeft">
    <div class="container">
        <h1 class="title">
            What We <span class="turquoise">do</span>
        </h1>
        <h2 class="sub-title">
            We are a full translation digital agency located in Brazil. We write and translate websites, applications, mobile solutions and other awesome digital media.
        </h2>
        
        <div class="row services">
            <div class="col-sm-4">
                <h2><i class="icon-picons-cloud"></i></h2>
                <h5>Web Content</h5>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
            </div>
            <div class="col-sm-4">
                <h2><i class="icon-picons-desktop-users"></i></h2>
                <h5>Digital Media</h5>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
            </div>
            <div class="col-sm-4">
                <h2><i class="icon-picons-read"></i></h2>
                <h5>Texts</h5>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
            </div>
        </div>
        
        <hr />
        
        <div class="row add-lg-top add-bottom">
            <div class="col-sm-6">
                <h3>Our Experience &amp; Works</h3>
                <p>Falar um pouco aqui sobre nossa experiência e trabalhos (pagos e não pagos).
				O botão pode redirecionar para uma página de blog de post único -> tem nesse template uma</p>
                <p><a href="/translation-box/experience.html" class="btn btn-primary turquoise">Read More</a></p>
            </div>
           
            <div class="col-sm-6">
                <div class="progress progress-danger border-radius" data-appear-progress-animation="70%">
                <div class="bar" style="width: 70%; text-indent: 10px;">Articles</div>
                </div>
                
                <div class="progress progress-success border-radius" data-appear-progress-animation="70%">
                <div class="bar" style="width: 70%; text-indent: 10px;">Web Sites</div>
                </div>
                
                <div class="progress progress-info border-radius" data-appear-progress-animation="40%">
                <div class="bar" style="width: 40%; text-indent: 10px;">Games</div>
                </div>
                
                <div class="progress progress-warning border-radius" data-appear-progress-animation="90%">
                <div class="bar" style="width: 90%; text-indent: 10px;">Softwares</div>
                </div>
                
                <div class="progress border-radius" data-appear-progress-animation="58%">
                <div class="bar" style="width: 58%; text-indent: 10px;">Mobile</div>
                </div>
            </div>
        </div>
        
        <hr />
        
        <h2 class="sub-title add-lg-top">
            Here are some other services that we provide.
        </h2>
        
        <div class="row services2">
            <div class="col-sm-4">
				<div class="item">
					<i class="icon-picons-url"></i>
					<h4>Web Sites</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
				</div>
			</div>
            <div class="col-sm-4"><div class="item">
                <i class="icon-picons-rocket"></i>
                <h4>Apps</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
            </div></div>
            <div class="col-sm-4"><div class="item">
                <i class="icon-picons-gamepad"></i>
                <h4>Games</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
            </div></div>
            <div class="col-sm-4"><div class="item">
                <i class="icon-picons-suitcase-3"></i>
                <h4>Propaganda</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
            </div></div>
            <div class="col-sm-4"><div class="item">
                <i class="icon-picons-book"></i>
                <h4>Books</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
            </div></div>
            <div class="col-sm-4"><div class="item">
                <i class="icon-picons-brain"></i>
                <h4>Technical Stuff</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat lorem, bibendum at dignissim.</p>
            </div></div>
        </div>
    </div>
</section>
        
<!-- Stuff We Made -->
<section id="stuffwemade" class="bounceIn">
    <div class="container">
        <div class="row">
            <div class="span12">
                <h1 class="title">
                    Stuff We <span class="highlight purple">Made</span>
                </h1>
                <h2 class="sub-title">
                    A creative thinker from the city that never sleeps, New York City. An influencial and passionate person in 
                    the Adobe Fireworks community working to bring it success.
                </h2>
            </div>
        </div>
    </div>
    
    <div class="container">
        <div class="portfolio clearfix">
            <div class="main row">
				<ul id="og-grid" class="og-grid">
					<li class="filter-web">
						<a href="http://fwpolice.com" data-largesrc="images/portfolio/1.jpg" data-title="Azuki bean" data-description="Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.">
							<figure>
                                <div class="text-overlay">
                                    <div class="info">See Project</div>
                                </div>
                                <img src="images/portfolio/1.jpg" alt="">
                            </figure>
						</a>
					</li>
					<li class="filter-branding">
						<a href="http://fwpolice.com" data-largesrc="images/portfolio/2.jpg" data-title="Veggies sunt bona vobis" data-description="Komatsuna prairie turnip wattle seed artichoke mustard horseradish taro rutabaga ricebean carrot black-eyed pea turnip greens beetroot yarrow watercress kombu.">
							<figure>
                                <div class="text-overlay">
                                    <div class="info">See Project</div>
                                </div>
                                <img src="images/portfolio/2.jpg" alt="">
                            </figure>
						</a>
					</li>
					<li class="filter-oil">
						<a href="http://fwpolice.com" data-largesrc="images/portfolio/3.jpg" data-title="Dandelion horseradish" data-description="Cabbage bamboo shoot broccoli rabe chickpea chard sea lettuce lettuce ricebean artichoke earthnut pea aubergine okra brussels sprout avocado tomato.">
							<figure>
                                <div class="text-overlay">
                                    <div class="info">See Project</div>
                                </div>
                                <img src="images/portfolio/3.jpg" alt="">
                            </figure>
						</a>
					</li>
				</ul>
            </div>
        </div>
    </div>
</section>
    
<!-- How to Reach Me -->
<section id="getintouch" class="fadeInRightBig">
    <div class="container">
        <h1 class="title">
            Get In <span class="highlight orange">Touch</span>
        </h1>
    </div>
    
    <div class="container">        
        <h2 class="sub-title">
            Use the form below to get a quick quote on a project or to simply say hello. I try to be promt and answer any emails within 48 hours. If you send a spam email, I respond with a creative answer.
        </h2>
        
        <div class="row">
            <div class="col-sm-8">
                <form class="contact">
                    <div class="row">
                        <div class="col-sm-6">
                            <label class="required" for="name">
                                Name
                                <input type="text" name="name" id="name" placeholder="John Stuart" required>
                            </label>
                        </div>
                        <div class="col-sm-6">
                            <label class="required" for="email">
                                Email
                                <input type="email" name="email" id="email" placeholder="John@Stuart.com" required>
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <label for="budget">
                                Budget
                                <select id="budget">
                                    <option disabled="" selected="">~ Select One ~</option>
									<option>Just Info</option>
                                    <option>Less than $500</option>
                                    <option>$500 - $999</option>
                                    <option>$1,000 - $1,999</option>
                                    <option>$2,000 - $4,999</option>
                                    <option>$5,000 - $9,999</option>
                                    <option>$10,000 - $19,999</option>
                                    <option>More than $20,000</option>
                                </select>
                            </label>
                        </div>
                        <div class="col-sm-6">
                            <label for="time">
                                Completion Time
                                <select id="time">
                                    <option disabled="" selected="">~ Select One ~</option>
                                    <option>Less than One Week</option>
                                    <option>Three Weeks</option>
                                    <option>One Month</option>
                                    <option>Three Months</option>
                                    <option>Six Months</option>
                                    <option>One Year</option>
                                    <option>Continuous</option>
                                </select>
                            </label>
                        </div>
                    </div>
                    <label class="required">
                        Message
                        <textarea rows="7" placeholder="I have an idea for a project..." required></textarea>
                    </label>
                    <div class="add-sm-top text-center">
                        <button class="btn btn-danger" type="submit"><i class="fa fa-envelope"></i> &nbsp; SEND E-MAIL</button>
                    </div>
                </form>
            </div>
            <div class="col-sm-4 contact-address">
                <h3 class="heading turquoise add-xs-top">Stay In Touch</h3>
                <p>Katuski utade marido alifando. Lipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget.</p>
                
                <h3 class="heading purple add-sm-top">Contact Us</h3>
                <address><abbr title="Phone"><i class="fa fa-phone"></i></abbr>1.718.456.7890</address>
                <address><abbr title="Email"><i class="fa fa-envelope"></i></abbr>contact@translationbox.com</address>
            </div>
        </div>
    </div>
</section>
    
<!-- Client Quotes -->
<section id="testimonials">
    <div class="container">
        <div class="carousel slide testimonials">
            <div class="carousel-inner clearfix">
                <div class="item active">
                    <p>
                        This is the <strong>most gorgeous</strong> template I have every purchased. 
                        It is <strong>clean</strong>, <strong>easy to use</strong>, and the 
                        <strong>support is great</strong>. For the price, I <strong>highly 
                        recommend it</strong>. 5 Starts! 
                    </p>
                    <div class="cite">~ <a href="#">The Creative Market</a> ~</div>
                </div>
                <div class="item">
                    <p>
                        Aliquam facilisis, orci in vulputate posuere, sapien dolor dapibus orci, 
                        vitae venenatis dui elit vitae lorem. Sed porta fermentum felis in molestie. 
                        Sed porta fermentum felis in molestie. Sed porta fermentum felis in molestie.
                    </p>
                    <div class="cite">~ <a href="#">The Fireworks Police</a> ~</div>
                </div>
                <div class="item">
                    <p>
                        Pariatur cliche <strong>reprehenderit</strong>, enim eiusmod high life accusamus terry richardson 
                        ad squid. 3 wolf moon officia aute, non <strong>cupidatat skateboard</strong> dolor brunch. Food 
                        truck quinoa nesciunt laborum eiusmod.
                    </p>
                    <div class="cite">~ <a href="#">Envato Marketplace</a> ~</div>
                </div>
            </div>
            
            <ol class="carousel-indicators">
                <li data-target="#testimonials" data-slide-to="0" class="active"></li>
                <li data-target="#testimonials" data-slide-to="1" class=""></li>
                <li data-target="#testimonials" data-slide-to="2" class=""></li>
            </ol>
        </div>
    </div>
</section>
    
<!-- Social Bar -->
<section id="social-bar">
    <div class="container">
        <div class="social-wrapper">
            <h2>Social Places</h2>
            <div class="social" style="height: 80px;">
                <div><a href="#"><img src="images/social/facebook.png" alt="Facebook"></a></div>
                <div><a href="#"><img src="images/social/google.png" alt="Google"></a></div>
                <div><a href="#"><img src="images/social/twitter.png" alt="Twitter"></a></div>
                <div><a href="#"><img src="images/social/linkedin.png" alt="Linkedin"></a></div>
                <div><a href="#"><img src="images/social/dribbble.png" alt="Dribbble"></a></div>
                <div><a href="#"><img src="images/social/forrst.png" alt="Forrst"></a></div>
                <div><a href="#"><img src="images/social/zerply.png" alt="Zerply"></a></div>
                <div><a href="#"><img src="images/social/skype.png" alt="Skype"></a></div>
                <div><a href="#"><img src="images/social/youtube.png" alt="Youtube"></a></div>
            </div><a class="show-more" href="#" style="display: none;"></a>
        </div>
    </div>
</section>
    
<!-- Le Footer -->    
<footer class="footer-wrapper hidden-xs">
    <div class="footer-slogan">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h2>Download my <strong>kick-ass</strong> <a href="resume.html">resume</a></h2>
                </div>
                <a class="ribbon">
                </a>
                <div class="col-sm-6">
                    <h2 class="text-right">Visit my <a href="http://creativemarket.com/fwpolice?u=fwpolice">CreativeMarket</a> store</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-links container">
        <div class="row">
            <div class="col-sm-4">
                <h4>Recent Tweets</h4>
				<a class="twitter-timeline" height="300" href="https://twitter.com/brunocharamba" data-widget-id="561846008095977473">Tweets by @brunocharamba</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
					</script>
            </div>
            <div class="col-sm-4">
                <h4>Recent Articles</h4>
                <p>
                    Wayfarers magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est. Wayfarers 
                    magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est.
                </p>
            </div>
            <div class="col-sm-4">
                <h4>Business Hours</h4>
                <p>
                    Wayfarers magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est. Wayfarers 
                    magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est.
                </p>
            </div>
        </div>
    </div>
</footer>

<div class="footer-copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                &copy; Simply.Me. All Rights Reserved.
            </div>
            <div class="col-sm-4 text-right mobile-center">
                <a href="#">Privacy</a> / <a href="#">Terms</a> / <a href="#">Jobs</a>
            </div>
        </div>
    </div>
</div>
    
<div id="preloader"><div id="status"><div class="spinner"></div></div></div>
    
<!-- Le Javascript -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/library.js"></script>
<script src="js/scripts.js"></script>

</body>
</html>